.MyAuction{
  margin-top: -5.5rem;

  .tab_container{

    .tab_content{

      .media{

        margin-bottom: 10px;
        background: #fff;
        padding: 10px;

        .media-left{
          a{
            .media-object{
              width: 130px;
            }
          }
        }

        .media-body{
          p{
            margin-bottom: 0;
            &:first-child{}
            &:nth-child(2){}
            &:nth-child(3){}
            &:nth-child(4){}
            &:nth-child(5){
              color : #555;
            }
          }
          .media-heading{
          }
        }

        .hrfl{
          padding-top: 1rem;
          border-bottom: 1px dashed #74ab35;
        }

        .status-line{
          padding-top: 1rem;
          display: flex;
          flex-direction: row;
          justify-content: space-around;
          align-content: center;

          p{
            margin-bottom: 0;
            font-size: 1.6rem;
            padding: 4px;
            &:first-child{
              color: #74AB35;
            }
            &:nth-child(2){
              color : #FF9800;
              background-color: #FAFAFA;
            }
            &:nth-child(3){
              color : #fff;
              background-color: #FF2A00;
              border-radius: 3px;
              padding: 4px 6px;
            }
            a{
              color: inherit;
            }
          }
        }
      }
    }
  }
}


@media only screen and (max-device-width: 321px){
    .MyAuction{

      .tab_container{

        .tab_content{

          .media{



            .media-left{
              a{
                .media-object{
                  width: 120px;
                }
              }
            }

            .media-body{
              p{
                &:first-child{}
                &:nth-child(2){}
                &:nth-child(3){}
                &:nth-child(4){}
                &:nth-child(5){
                  font-size: 1.2rem;
                }
              }
              .media-heading{
              }
            }


          }
        }
      }
    }
  }









// Tabs plugin

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	// border-bottom: 1px solid #74ab35;
	width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 0px 21px;
	height: 31px;
	line-height: 31px;
	border-top: 1px solid #74ab35;
	border-left: 1px solid #74ab35;
	border-bottom: 1px solid #74ab35;
	background-color: #FFF;
	color: #000;
	overflow: hidden;
	position: relative;
  width: 50%;
  text-align: center;
}

.tab_last { border-right: 1px solid #74ab35; }

ul.tabs li:hover {
	background-color: #ccc;
	color: #333;
}

ul.tabs li.active {
	background-color: #74ab35;
	color: #FFF;
	border-bottom: 1px solid #74ab35;
	display: block;
}

.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	// background: #fff;
	overflow: auto;
}

.tab_content {
	// padding: 10px;
	display: none;
}

.tab_drawer_heading { display: none; }
